﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";
@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.wg-pch-ordercounter{
    width:20%;
    float:left;
    position:relative;
    color:white;
    & .total-wraper{
        height:4rem;
        padding:1rem;
         &>.total{
            font-size:2rem;
        }
    }
    & .title{
        text-indent:1rem;
    }
    & .lnk{
        //height:1rem;
        padding:3px 0;
        text-align:right;
        &>i{
            @include soicon(white,1.1rem);
        }
    }
    &.draft{
        background-color:darken($ClrControllerBk,20);
        & .lnk{
            background-color:darken($ClrControllerBk,5);
        }
    }
    &.new{
        background-color:darken($ClrTheme,10);
        & .lnk{
            background-color:lighten($ClrTheme,10);
        }
    }
    &.todelivery{
        background-color:lighten($ClrImportant,1);
        & .lnk{
            background-color:lighten($ClrImportant,30);
        }
    }
    &.tostockin{
        background-color:lighten($ClrTheme,20);
        & .lnk{
            background-color:lighten($ClrTheme,30);
        }
    }
    &.topay{
        background-color:lighten($ClrFocus,10);
        & .lnk{
            background-color:lighten($ClrFocus,20);
        }
    }
}